<template>
  <div class="detail">
    <div class="bannerBox-store"></div>
    <xlflist
      :title="title"
      :subhead="subhead"
      :dlist="list"
      :dline="line"
      :video="video"
      @changevideo="changevideo"
    ></xlflist>
  </div>
</template>

<script>
import xlflist from "../components/xlflist";
export default {
  name: "detail",
  data() {
    return {
      title: "超有机推荐视频",
      subhead: "我们致力追求 0 添加的有机食品",
      list: [
        {
          img: require("../assets/images/store1.png"),
          title: "雪兰方的命名释义",
          subhead:
            "如果一个人懂得每天都保持自己的头脑清醒，把自己内外的气梳理通畅，那么他整个人的状态是特别好的，学习什么东西都很快，做什么事情都能轻松地完成，身体素质也很",
        },
        {
          img: require("../assets/images/store2.png"),
          title: "雪兰方的命名释义",
          subhead:
            "如果一个人懂得每天都保持自己的头脑清醒，把自己内外的气梳理通畅，那么他整个人的状态是特别好的，学习什么东西都很快，做什么事情都能轻松地完成，身体素质也很",
        },
        {
          img: require("../assets/images/store3.png"),
          title: "雪兰方的命名释义",
          subhead:
            "如果一个人懂得每天都保持自己的头脑清醒，把自己内外的气梳理通畅，那么他整个人的状态是特别好的，学习什么东西都很快，做什么事情都能轻松地完成，身体素质也很",
        },
        {
          img: require("../assets/images/store4.png"),
          title: "雪兰方的命名释义",
          subhead:
            "如果一个人懂得每天都保持自己的头脑清醒，把自己内外的气梳理通畅，那么他整个人的状态是特别好的，学习什么东西都很快，做什么事情都能轻松地完成，身体素质也很",
        },

      ],
      line: 2,
      video: 'video'
    };
  },
  components: {
    xlflist,
  },
  methods:{
    changevideo(i) {
      console.log(i);
    }
  }
};
</script>
<style lang="less" scoped>
  // banner图
  .bannerBox-store{
    width: 100%;
    height: 600px;
    background: url(../assets/images/bannerstore.png) no-repeat center 0;
    background-size: 1920px 600px;
  }
</style>
